<template>
  <div class="demo-box">
    <button @click="value = '张三'">change value</button>
    <p>value: {{ value }}</p>
    <div class="form-item" style="width: 206px;">
      <Field v-model="value" />
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';
import Field from './index';

export default defineComponent({
  name: 'FieldDemo',
  components: {
    Field
  },

  setup(props, context) {
    const value = ref('');
    return {
      value,
    }
  }
});
</script>
